﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/PictureMaster.Master" Inherits="System.Web.Mvc.ViewPage<Hotnet.Entity.PictureGroup[]>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
<%
	PictureCategory category = ViewData["Category"] as PictureCategory;
%>
<%=category.Name%> - 热图首页 - 窝吧
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<%
	PictureCategory category = ViewData["Category"] as PictureCategory;
	PictureGroup[] groups = ViewData["HotPictureGroups"] as PictureGroup[];
	ViewPictureList[] commendGroups = ViewData["CommendPictureGroups"] as ViewPictureList[];
	News[] referenceNews = ViewData["RefNews"] as News[];
%>

<div class="navigateBar">
		<div class="navigateTitle">
			<span><a href="http://www.woxx8.com">窝吧</a></span> >>
			<span><a href="/picture">图片</a></span> >>
			<span class="currentPosition"><%=category.Name %></span>
		</div>
	</div>
<div>
	<div>
		<% Html.RenderPartial("PictureRotator", ViewData["PictureRotator"]); %>
	</div>
	<div style=" border:1px solid #c3c3c3; float:left;width:967px;">
	<div class="leftContent">
		<div class="categoryPictureList" id="divPictureList">
			<a name="anchor1"></a> 
			<div class="moduleTitle">
				<span><%=category.Name%></span>
			</div>
			<ul>
			<%foreach (var group in Model){%>
				<li>
					<a href="/Picture/Group/<%=group.GroupID %>/" target="_blank" title="<%=group.Name%>" class="pictureCategoryImgFrame">
						<img alt="<%=group.Name%>" src="<%=group.CoverImage.ThumbnailPath %>"  />
					</a>
					<div class="pictureName">
						<a href="/Picture/Group/<%=group.GroupID %>/"><%=StringUtility.CutString(group.Name, 20)%></a>
					</div>
				</li>
			<%} %>
			</ul>
			<div style=" clear:both; border-top:1px solid #cbcbcb; margin:0px 3px;">
				<%Html.RenderPartial("PaginateHelper", ViewData["PaginateHelper"] as PaginateHelper); %>
			</div>
		</div>
		
		<div class="pictureHotAssort" id="divPictureHotAssort">
			<div class="moduleTitle">
				<span>分类热图</span>
			</div>
			<ul>
			<%
				for (int i = 0; i < groups.Length; i++){
			%>
				<li <%=(i % 2) == 0 ? "class='backColorEven'" : ""%>>
					<b <%=(i<3)?"class='backColorTop3'":"class='backColorGreater3'" %>>
						<span style=" margin-left:4px;"><%=(i + 1) %></span>
					</b>
					<a href="/Picture/Group/<%=groups[i].GroupID %>/" style="<%=(i<3)?"color:rgb(255, 0, 153)":"" %>">
						<%=groups[i].Name%>
					</a>
				</li>
			<% } %>
			</ul>
		</div>
		
		<div class="pictureCommend" id="divCommendPicture">
			<div class="moduleTitle">
				<span>分类推荐</span>
			</div>
			<ul>
				<%
					for (int i = 0; i < commendGroups.Length; i++)
					{
				%>
					<li>
						<a href="/Picture/Group/<%=commendGroups[i].GroupID %>/" title="<%=commendGroups[i].Name %>" class="pictureImgFrame">
							<img src="<%=Hotnet.Biz.Properties.Settings.Default.UploadFolder+commendGroups[i].CoverImageSrc %>" alt="" />
						</a>
						<div class="pictureName">
							<a href="/Picture/Group/<%=commendGroups[i].GroupID %>"><%=StringUtility.CutString(commendGroups[i].Name, 20)%></a>
						</div>
					</li>
				<% } %>
			</ul>
		</div>
		
		
	</div>
	<div id="right" class="rightContent">
		<div class="refVideos">
			<%Html.RenderPartial("ReferenceVideo", ViewData["RefVideoControl"]); %>
		</div>
		<div class="referenceNews">
			<div class="moduleTitle">
				<span>您可能感兴趣的新闻</span>
			</div>
			<ul>
				<%
					
					for (int i = 0; i < referenceNews.Length; i++)
					{
				%>
					<li>
						<span class="headMark">·</span>
						<a href="/News/View/<%=referenceNews[i].NewsID %>" target="_blank">
							<%=StringUtility.CutString(referenceNews[i].Title,25)%>
						</a>

					</li>
				<% } %>
			</ul>
		
		</div>
	</div>
	</div>
	<div class="cb"></div>
</div>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="ScriptContent" runat="server">
	<script type="text/javascript">
		var isAnchor = '<%=ViewData["IsAnchor"] %>';
		$(document).ready(function() {
			if (isAnchor == "True") {
				window.location.hash = "anchor1"
			}

		});
	
	</script>

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="StyleContent" runat="server">
	<style type="text/css">
		
		.headMark
		{
			font-weight:bolder;
			color:Black;
		}
		
		a:hover
		{
			text-decoration:underline;
		}
		body
		{
			font-family: "宋体" ,arial,helvetica,clean,sans-serif;
			font-size: 14px;
			font-size-adjust: none;
			font-style: normal;
			font-variant: normal;
			font-weight: normal;
			line-height: normal;
		}
		ul
		{
			line-height:1.2em;
		}
		
		.leftContent
		{
			float:left;
			width:608px;
			border-right:1px solid #c3c3c3;
		}
		
		.rightContent
		{
			float:right;
			width:338px;
			border-left:none;
			background-color:#e4f5f6;
		}
		
		
		/* 本分类图片列表 */
		
		.categoryPictureList
		{
			float:left;
			
		}
		.categoryPictureList ul
		{
			margin:10px 10px 10px 25px;
			padding:0px;
		}
		.categoryPictureList li
		{
			list-style-type:none;
			float:left;
			height:170px;
			*height:173px;
			width:190px;
		}
		
		.categoryPictureList img
		{
			 border:none;
			 padding:6px 0px 4px 7px;
			 height:120px;
			 width:160px;
		}
		.pictureCategoryImgFrame
		{
			float:left;
			width:180px;
			height:134px;
			background:transparent url(/images/picbg_1.gif) no-repeat scroll;
		}
		
		
		/* Module 标题 */
		.moduleTitle
		{
			color:#BC2D09;
			font-weight:bold;
			font-size:14px;
			background:transparent url(/images/headerblue.gif) repeat-x scroll 0 8px;
			margin:0 2px 0 2px;
			padding:3px 2px 3px 0px;
		}
		.moduleTitle span{
			background:white none repeat scroll 0 0;
			padding-right:8px;
		}
		
		
		.pictureName
		{
			font-size:12px;
			padding-top:2px;
			clear:left;
			margin-top:3px;
			text-align:center;
			width:160px;
			height:50px;
			overflow:hidden;
		}
		.pictureName a
		{
			color:#124C9A;
			text-decoration:none;
		}
		.pictureName a:hover
		{
			color:Red;
			text-decoration:underline;
		}
		
		/* 相关video 样式 */
		.refVideos
		{
			float:right;
		}
		.refVideos .refTagVideo
		{
			width:338px;
			border-top:none;
			border:none;
			font-size:12px;
		}
		.refVideos ul
		{
			margin:0px;
			padding:0px;
			float:left;
			margin-left:10px;
		}
		
		.refVideos li
		{
			width:156px;
			_width:150px;
			height:146px;
		}
		
		/* 本分类推荐图片列表 */
		.pictureCommend
		{
			float:left;
			margin-top:5px;
			width:605px;
		}
		
		.pictureCommend img
		{
			 border:none;
			 padding:5px 0px 4px 5px;
			 height:120px;
			 width:160px;
		}
		
		.pictureImgFrame
		{
			float:left;
			width:180px;
			height:135px;
			background:transparent url(/images/picbg_1.gif) no-repeat scroll;
		}
		.pictureCommend ul
		{
			 margin:0px;
			 margin-left:25px;
			 padding:0px;
		}
		.pictureCommend li
		{
			list-style-type:none;
			float:left;
			height:175px;
			*height:180px;
			width:190px;
		}
		
		/* 热图排行 */
		.pictureHotAssort
		{
			width:600px;
			
		}
		.pictureHotAssort a
		{
			margin-left:3px;
			text-decoration:none;
			font-size:14px;
			color:#124C9A;
		}
		.pictureHotAssort a:hover
		{
			color:Red;
			text-decoration:underline;
		}
		
		.pictureHotAssort b
		{
			color:White;
			padding:2px;
		}
		.pictureHotAssort ul
		{
			margin:0px;
			padding:0px;
		}
		
		.pictureHotAssort li
		{
			list-style-type:none;
			margin:5px;
			padding:3px 4px;
		}
		
		.backColorEven
		{
			background-color:#EEEEEE;
		}
		
		.backColorTop3
		{
			 background-color:Red;
		}
		.backColorGreater3
		{
			 background-color:#ccc;
		}
		
		/*相关新闻*/
		.referenceNews
		{
			float:right;
			width:335px;
		}
		.referenceNews a
		{
			color:#124C9A;
			text-decoration:none;
			font-size:12px;
		}
		.referenceNews a:hover
		{
			color:red;
			text-decoration:underline;
		}
		.referenceNews ul
		{
			float:left;
			margin:0px;
			padding:0px;
			 margin-left:3px;
		}
		.referenceNews li
		{
			list-style-type:none;
			 margin:5px 0px;
		}
		
		.browseMore
		{
			font-size: 14px;
			margin-left:140px;
			padding:0px 0px 0px 5px;
			background-color:White;
			text-decoration:none;
		}
		
	
	</style>

</asp:Content>

